﻿
  .f_pr{position:relative;}
.f_pa{position:absolute;}
.header , .contents , .footer { width:1200px; margin:0 auto;  }
em{font-style:normal;}

      .g_top{height: 137px;background:url(../images/topbg.jpg) repeat-x center top;position: relative;border-bottom: 5px solid #009E96;box-shadow: -4px 3px 5px 0px    rgba(0, 0, 0, 0.37);margin-bottom: 6px;z-index: 2;}
      .g_top .contents{width:1220px;}
      .top_t{height:32px;line-height:32px;color: #242424;font-size: 14px;}
      .top_t p{ float:right;}
      .top_t p a{padding: 0 1px;display: inline-block;color: #242424;}
      .top_t p .tico1{background:url(../images/tico1.jpg) no-repeat 0 6px;}
      .top_t p .tico2{background:url(../images/tico2.jpg) no-repeat 0 6px;}
      .top_t p .tico3{background:url(../images/tico3.jpg) no-repeat 0 6px;}
      .topd{height: 105px;}
      .g_top h1{float:left;width: 425px;box-sizing: border-box;padding-top: 19px;}
      .g_top h1 img{max-width: 425px;vertical-align: middle;}
.g_top h1 a{display: block;line-height: 105px;}



      .g_navs{float: right;height: 111px; width: 880px; }
      .g_navs li{ float:left; font-size:14px; }
      .g_navs li a{ display:block;float: left; padding: 0 28px; color:#333333; line-height:110px; text-decoration: none;}
      .g_navs li a:hover,.g_navs .cur a{color: #fff;background:#0066d9 url(../images/hover.jpg) no-repeat center bottom;}
      .g_navs .lastli a{padding-right: 0;}
      .g_navs .xla{position: absolute;left:0;top:143px;width: 100%;height: 80px;background: #4189da;line-height: 80px;border-top: 1px solid #1a74d9;z-index: 111;display:none;}
      .g_navs .xla2{width: 1200px;margin: 0 auto;} 
      .g_navs .xla a{font-size: 14px;color: #fff;margin-right:0px;display: block;height: 80px;line-height: 80px;}
      .g_navs .xla a:hover{background: none;}
      .g_navs li:hover .xla{display:block;}
      .g_navs .cur .xla a{background:none;}
      .g_navs .cur .xla a:hover{background: none;}
      
      
      






    
  .banner{margin-top: -8px;z-index:1;}
 .banner .slick-arrow {
            position: absolute;font-size: 0;
            top: 50%; 
            z-index: 9;
            width: 100px;
            height: 100px;
            margin-top: -50px;
            border: 0;
        }
        .banner .slick-prev {
            left: 5%; display: none; background:none;
   
        }
        .banner .slick-next {
            right: 5%; display: none;background:none;
       
        }   

    .banner img {
            display: block;
            width: 100%;
        }
      
       .slick-dots {
            position: absolute;
            left: 0; font-size:0;
            bottom: 5%;
            width: 100%;
            text-align: center;
        }
        .slick-dots li {
            display: inline-block;
            margin: 0 8.5px;
            overflow: hidden;
        }
        .slick-dots li button {
            display: block;
            border: 0 none;
            width: 17px;
            height: 17px;
            color: #fff;
            text-indent: -100px;
            background-color: #009E96;
        }
        .slick-dots .slick-active button {
            background-color: #333333;
        }
        


  .g_ser{background:url(../images/serbgd.jpg) no-repeat center top;height: 80px;padding-top: 20px;}
  .g_ser h3{float: left;width: 452px;font-size: 22px;font-weight: bold;color: #009e96;padding-top:8px;}
  .g_ser h3 em{display: block;font-size: 16px;color: #333333;font-weight: normal;} 

  .h_sea{float: left;width: 465px;}
  .h_sea b{font-weight: bold; color: #333333;font-size: 12px;}
  .inp01{height:25px;line-height:25px;   padding-left: 15px; width:315px;float:left;color:#676767; font-size: 12px;  border: none; background: none; font-family:"Microsoft Yahei";text-transform: uppercase;}
  .s_ss{float:right; width:35px; height:25px; background: none;border: none; cursor: pointer;}
  .key a{color:#666666;padding:0 10px; font-size: 14px;}
  .s_inp{  background:url(../images/serbg.jpg) no-repeat; width: 377px;height: 25px;margin-bottom: 8px;}
  .taobao{float: left;width:150px; margin-top: 7px;}
  .taobao li{float: left;width: 41px;margin-right: 9px;}
  .taobao li img{width: 41px;height: 39px;display: block;}
  .sertel{float: right;font-size: 14px;color: #666666;line-height:28px;margin-right: 5px;}
  .sertel em{display: block;font-size: 28px;color: #333333;font-family: arial;letter-spacing: -1px;}

  

.g_xban2{background:url(../images/xban2.jpg) no-repeat center top;height: 360px; }
.g_xban2 .m_xban2{position: absolute;right:0;top:63px;}
.g_xban2 h3{height: 88px;font-size: 18px;color: #fff;font-weight: normal;}
.g_xban2 h3 em{display: block;font-size: 34px;}
.g_xban2 span{display:none;}
.g_xban2 li{height:48px;line-height:48px;width:300px;position: absolute;right:100px;top:100px;  color:#676767; font-size: 12px;  border: none; background: #fff; font-family:"Microsoft Yahei";text-transform: uppercase;}
.g_xban2 li input{border:none;background:none;padding-left: 10px; width:290px;}
.g_xban2 b{position:absolute;right:0;top:150px;color:#fff; }


.g_xban2 .form-btn-submit{border:none;width:100px;height:48px;cursor:pointer; position: absolute;right:0;top:100px; }
.g_xban2 .form-btn-submit{background:url(../images/tj.jpg) no-repeat;display: inline-block; width: 100px; height: 48px; }
.g_xban2 .form-btn-reset{display: none;}



    /*表单弹框*/
    .getcode_gg{float:left;width:84px;height:36px;}
    .nsw-modal {
        width: 100vw;
        height: 100vh;
        background: rgba(225, 225, 225, 0.5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
    }
    
    .modal-dialog {
        position: absolute;
        color: #000000;
        top: 150px;
        width: 400px;
        border-radius: 3px;
        min-height: 155px;
        overflow: hidden;
        z-index: 99998;
        margin-left: -200px;
        left: 50%;
    }
    
    .modal-dialog .css-icon {
        background-image: url("../images/modal-icons.png");
    }
    
    .modal-dialog .modal-head {
        height: 30px;
        line-height: 30px;
        padding: 0px 20px;
        background: #F6EFEF;
        font-size: 14px;
    }
    
    .modal-dialog .modal-head .modal-logo {
        width: 15px;
        height: 15px;
        background-position: 1px 0px;
        margin: 8px 5px 0 0;
        float: left;
    }
    
    .modal-dialog .modal-head .close {
        float: right;
        width: 15px;
        height: 15px;
        background-position: -14px 0px;
        margin-top: 8px;
    }
    
    .modal-dialog .modal-body {
        width: 100%;
        min-height: 125px;
        background: #ffffff;
    }
    
    .modal-dialog .modal-body .modal-body-left {
        width: 140px;
        float: left;
    }
    
    .modal-dialog .modal-body .modal-body-left .icon {
        width: 64px;
        height: 64px;
        margin: 30px 0 0 48px;
    }
    
    .modal-dialog .modal-body .modal-body-left .success-message {
        background-position: 0px -14px;
    }
    
    .modal-dialog .modal-body .modal-body-left .warming-message {
        background-position: 0px -78px;
    }
    
    .modal-dialog .modal-body .modal-body-right {
        width: 260px;
        float: right;
        padding-top: 20px;
    }
    
    .modal-dialog .modal-body .modal-body-right .close-btn {
        color: #000;
        text-align: center;
        width: 90px;
        display: inline-block;
        height: 24px;
        line-height: 24px;
        background: #818079;
    }
    
    .modal-dialog .modal-body .modal-body-right p {
        line-height: 30px;
    }


    .g_hz ul{border-bottom:1px solid #e5e5e5;}


      .g_ft{height:334px;background:#333333;border-top: 7px solid #009E96;}
      .g_ft .m_fnav{height: 86px;line-height: 86px;border-bottom: 1px solid #acacac;margin-bottom: 35px;box-sizing: border-box;padding: 0 24px;}
      .g_ft .m_fnav a{color:#fff;padding: 0 106px 0 0;font-size: 16px;font-weight: normal;display: inline-block;width: 70px;}
      .g_ft .m_fnav a:last-child{padding-right: 0;}

      .g_ft .f_ftcon{float: left;width: 870px;}
      .g_ft .f_ftcon ul{width: 800px;height: 132px;}
      .g_ft .f_ftcon li{position: relative;float: left;width: 345px;height: 64px;font-size: 16px;color: #9a9a9a;padding-left: 55px;}
      .g_ft .f_ftcon li em{position: absolute;left:0;top:0;}
      .g_ft .f_ftcon li b{display: block;font-size: 16px;font-weight: bold;line-height: 43px;color: #999999;}
      .g_ft .f_ftcon li:nth-of-type(n+3) b{font-weight:normal;}
      .g_ft .f_ftcon .ftico4 b{font-weight: normal;}
      .cpr{width:100%;font-size: 14px;color: #9a9a9a;background-color: #19191C;text-align: center;box-sizing: border-box;padding: 15px 0;}
      .cpr a{color: #9a9a9a;line-height: 24px;}

      .g_ft .m_code{float: left;width: 325px;padding: 30px 0 0 0;}
      .g_ft .codelst li{float: left;width: 147px;}
      .g_ft .codelst li img{width: 105px;height: 105px;display: block;}
      .g_ft .codelst .code2{margin-right: 0;}
      .g_ft .codelst li em{display: block;width: 8px; padding: 0 12px; height: 83px;float: left;font-size: 14px;color: #9a9a9a;background: #484848; padding-top: 22px;}
      .g_ft .codelst .code2 em{padding-top: 8px;height: 97px;line-height: 15px;}





      

        .client-2 {
            position: fixed;
            left: -170px;
            top: 30%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: right;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: right;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-right: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #0066d9;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: right;
        }
        
        .client-2 .my-kefu-main {
            background: #0066d9;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: right;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: 130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }